<template>
  <div id="app">
    <!-- <div class="navigation">
      <sidebar></sidebar>
    </div> -->
    <GlobalLoading :loading="isLoading" />
    <router-view @loading="toggleLoading" />
  </div>
</template>
<script>
import GlobalLoading from "./components/GlobalLoading.vue";
// import GlobalLoading from "./components/globalLoading.vue"

export default {
  components: {
    GlobalLoading,
  },
  data() {
    return { isLoading: false };
  },
  created() {},
  mounted() {},
  methods: {
    toggleLoading(loading) {
      this.isLoading = loading;
    },
  },
};
</script>
<style lang="scss">
body {
  height: 100%;
  background-color: #1e1e1e;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.el-message .el-message__content {
  font-family: Avenir;
  padding: 20px;
  font-size: 24px;
}
</style>
